<template>
    <div class="flex_col_start m5 p10 card" v-if="globalStatus.heat != null">
        <label class="flex_center_self">加热控制板状态</label>
        <div class="flex_row_center mt5">
            <LabelValue name="软件版本" :value="globalStatus.heat.version"/>
            <LabelValue class="ml5" name="热水温度" :value="globalStatus.heat.water_temp" post="℃"/>
            <LabelValue class="ml5" name="蒸汽温度" :value="globalStatus.heat.steam_temp" post="℃"/>
            <LabelValue class="ml5" name="电流检测ADC" :value="globalStatus.heat.analog"/>
        </div>
        <div class="flex_row_center mt5">
            <LabelState name="煮珍珠检测" :value="globalStatus.heat.pearl_checked"/>
            <LabelState class="ml5" name="煮珍珠零点" :value="globalStatus.heat.move_origin"/>
            <LabelState class="ml5" name="搅拌盖上" :value="globalStatus.heat.stir_top"/>
            <LabelState class="ml5" name="搅拌盖下" :value="globalStatus.heat.stir_bottom"/>
        </div>
        <div class="flex_row_center mt5">
            <LabelState name="截热水左" :value="globalStatus.heat.trun_left"/>
            <LabelState class="ml5" name="截热水右" :value="globalStatus.heat.trun_right"/>
            <LabelState class="ml5" name="夹管左" :value="globalStatus.heat.clamp_left"/>
            <LabelState class="ml5" name="夹管右" :value="globalStatus.heat.clamp_right"/>
        </div>
        <div class="flex_row_center mt5">
            <LabelState name="热水高水位" :value="globalStatus.heat.water_high"/>
            <LabelState class="ml5" name="煮珍珠电机堵转" :value="globalStatus.heat.move_alm"/>
            <LabelState class="ml5" name="热水低水位" :value="globalStatus.heat.water_low"/>
            <LabelState class="ml5" name="温度传感器故障" :value="globalStatus.heat.temp_err"/>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { globalStatus } from '@/service/info';
import LabelState from '../base/LabelState.vue';
import LabelValue from '../base/LabelValue.vue';



</script>
